@import 'config';
.headerbar{
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  height: px2rem(40px);
  background-color: $black;
  .left{
    position: absolute;
    display: flex;
    height: 100%;
    padding-left: px2rem(10px);
    align-items: center;
    color: $light;
  }
  .center{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 px2rem(80px);
  }
  .title{
    font-size: px2rem(16px);
    color: $light;
    text-align: center;
  }
  .icon{
    display: block;
    width: px2rem(16px);
    height: px2rem(16px);
  }
  .text{
    font-size: px2rem(12px);
    margin-top: px2rem(2px);
  }
  .icon + .text{
    margin-left: px2rem(2px);
  }
}